<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
	<link rel="stylesheet" type="text/css" href="./css/index.css" />
	<link rel="stylesheet" type="text/css" href="font_2930546_izeg9sj98ss/iconfont.css" />
	<link rel="stylesheet" href="font_2933247_1ifzyf7jdc5/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="font_2935969_xwzab0xew/iconfont.css" />
	<link rel="stylesheet" href="../../css/common.css">
	<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
</head>

<body>
	<!-- 头部区域开始 -->
	<header>
		<div class="container w">
			<div class="t">
				<h4 class="logo"><a href="../../index.html"><img src="../../images/logo.png" alt=""></a></h4>
				<div class="top_nav">
					<ul>
						<li><a href="../../index.html" class="hover">音乐馆</a></li>
						<li><a href="../../lb/lb/mymusic.html">我的音乐</a></li>
						<li class="client_hover">
							<a href="../../yc/download/index.html" target="_blank">
								客户端<i></i>
							</a>
							<div class="client">
								<div class="client_cont">
									<p><em></em> HQ高品质 全员开启</p>
									<p><em></em> 独家音效 全面升级</p>
									<p><em></em> 轻盈视觉 动态皮肤</p>
									<a href="https://dldir1.qq.com/music/clntupate/QQMusicSetup.exe">下载体验</a>
								</div>
							</div>
						</li>
						<li><a href="../../artists/index.html" target="_bank">开放平台</a></li>
						<li><a href="../../lb/vipportal/yearvip.html">VIP</a></li>
					</ul>
				</div>
				<div class="top_search">
					<input type="text" name="" id="" placeholder="搜索音乐、MV、歌单、用户">
					<button><i class="search_button sprite"></i></button>
				</div>
				<div class="login">
					<div class="login_btn">
						<a href="javascript:;">登录</a>
					</div>
					<div class="vip_select">
						<a href="../../lb/vipportal/yearvip.html">开通VIP<i></i></a>
						<ul class="vip_hover">
							<li><a href="../../lb/vipportal/yearvip.html" style="border-bottom: 0;">开通绿钻豪华版</a></li>
							<li><a href="../../yc/download/fufeibao.html">开通付费包</a></li>
						</ul>
					</div>
					<div class="charge_select">
						<a href="javascript:;">充值<i></i></a>
						<ul class="vip_hover cz">
							<li><a href="javascript:;" style="border-bottom: 0;">购买乐币</a></li>
							<li><a href="javascript:;">充值饭票</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="b">
				<ul>
					<li><a href="../../index.html">首页</a></li>
					<li><a href="../../hyh/singer_list/singer.html">歌手</a></li>
					<li><a href="../../lb/lb/album.html">新碟</a></li>
					<li><a href="../../yjx/toplist/index.html" style="color: #31c27c">排行榜</a></li>
					<li><a href="../../hyh/category/songmenu.html">分类歌单</a></li>
					<li><a href="./fm.html">电台</a></li>
					<li><a href="../../yc/mvlist/mvlist.html">MV</a></li>
					<li><a href="../../ch/album_mall/album_mall.html">数字专辑</a></li>
					<li><a href="../../yjx/piaowu/index.html">票务</a></li>
				</ul>
			</div>
		</div>
	</header>
	<!-- 头部区域结束 -->

	<!-- 主体部分开始 -->
	<article>
		<aside>
			<ul>
				<li class="li1">巅峰榜</li>
				<li>飙升榜</li>
				<li>热歌榜</li>
				<li>新歌榜</li>
				<li>流行指数榜</li>
				<li>腾讯音乐人原创榜</li>
				<li>听歌识曲榜</li>
				<li>MV榜</li>
			</ul>

			<ul class="ul2">
				<li class="li1">地区榜</li>
				<li>内地榜</li>
				<li>香港地区榜</li>
				<li>台湾地区榜</li>
				<li>欧美榜</li>
				<li>韩国榜</li>
				<li>日本榜</li>
			</ul>
			<ul class="ul2">
				<li class="li1">特色榜</li>
				<li>网络歌曲榜</li>
				<li>DJ舞曲榜</li>
				<li>Q音快手榜</li>
				<li>抖音排行榜</li>
				<li>综艺新歌榜</li>
				<li>影视金曲榜</li>
				<li>国风热歌榜</li>
				<li>说唱榜</li>
				<li>电音榜</li>
				<li>动漫音乐榜</li>
				<li>游戏音乐榜</li>
				<li>达人音乐榜</li>
				<li>K歌金曲榜</li>
				<li>大学生音乐榜</li>
			</ul>
			<ul class="ul2">
				<li class="li1">全球榜</li>
				<li>美国公告牌榜</li>
				<li>美国iTunes榜</li>
				<li>韩国Melon榜</li>
				<li>英国UK榜</li>
				<li>日本公信榜</li>
				<li>JOOX本地热播榜</li>
				<li>香港TVB劲歌金榜</li>
				<li>台湾KKBOX榜</li>
				<li>电音榜</li>
				<li>YouTube音乐排行榜</li>
			</ul>
		</aside>
		<content>
			<ul class="bs">
				<li id="bs1">飙升榜</li>
				<li>2021-11-10</li>
				<li>榜单规则</li>
			</ul>
			<div class="bf">
				<ul>
					<li class="iconfont icon-24gl-play">&nbsp;播放全部</li>
					<li class="iconfont icon-tianjia">&nbsp;添加到</li>
					<li class="iconfont icon-xiazai">&nbsp;下载</li>
					<li class="iconfont icon-piliangcaozuo">&nbsp;批量操作</li>
					<li class="iconfont icon-pinglun">&nbsp;评论(257541)</li>

				</ul>
			</div>
			<section>
				<ul id="gq">
					<li>歌曲</li>
					<li>歌手</li>
					<li>时长</li>
				</ul>
				<div class="mv1">
					<ul>
						<li style="color: red">1</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">132%</div>
							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>SCIENTIST</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:14</li>

					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px;width: 20px ;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px ;width: 20px ;height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li style="color: red">2</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">90%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/2.jpg" /></li>
							<li>删了吧(正式版)</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">利群男孩</li>
						<li class="sj">02:01</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px ;width: 20px;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li style="color: red">3</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">48%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>ICON</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">02:56</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px ;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>


				</div>
				<div class="mv1">
					<ul>
						<li>4</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">47%</div>
							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>MOONLIGHT</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:39</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>5</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">40%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>CRUEL</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:31</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>6</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">34%</div>
							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>LAST WALTZ</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">02:50</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px ;width: 20px ;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>7</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">33%</div>
							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/6.jpg" /></li>
							<li>Red (Taylor’s Version)</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">Taylor Swift</li>
						<li class="sj">03:43</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px ;width: 20px ;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px ;height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>8</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">33%</div>
							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>REAL YOU</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:07</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>9</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">31%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/6.jpg" /></li>
							<li>All Too Well </li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">10:13</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>10</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">29%</div>
							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>SCIENTIST</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:11</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px ;width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px ;width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>11</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">29%</div>
							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/3.jpg" /></li>
							<li>SCIENTIST</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">莫叫姐姐</li>
						<li class="sj">03:14</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>12</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">27%</div>

							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/4.jpg" /></li>
							<li>不散</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">陈立农</li>
						<li class="sj">03:33</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>13</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">27%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/5.jpg" /></li>
							<li>DAY BY DAY</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">T-ara (티아라)</li>
						<li class="sj">03:29</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>14</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">27%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>ESPRESSO</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:07</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>15</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">25%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/1.jpg" /></li>
							<li>알고 싶지 않아 (REWIND)</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">TWICE (트와이스)</li>
						<li class="sj">03:00</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>16</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">25%</div>

							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/6.jpg" /></li>
							<li>I Knew You Were Trouble </li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">Taylor Swift</li>
						<li class="sj">03:39</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>17</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">24%</div>
							</div>
						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/7.jpg" /></li>
							<li>五十年以后</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">海来阿木</li>
						<li class="sj">05:10</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>18</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">23%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/8.jpg" /></li>
							<li>穷叉叉</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">王搏</li>
						<li class="sj">01:07</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>19</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">23%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/6.jpg" /></li>
							<li>22 (Taylor’s Version)</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">Taylor Swift</li>
						<li class="sj">03:50</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
				<div class="mv1">
					<ul>
						<li>20</li>
						<li>
							<div class="xb">
								<div class="iconfont icon-zengchang" style="font-size: 20px;"></div>
								<div class="zzl">22%</div>

							</div>

						</li>
						<div class="kuang">
							<li><img width="100%" height="100%" src="imgs/6.jpg" /></li>
							<li>State Of Grace</li>
							<li class="iconfont icon-MV" style="font-size:30px;"></li>
						</div>
						<li class="mz">Taylor Swift</li>
						<li class="sj">04:55</li>
					</ul>
					<ul class="tb1">
						<div>
							<li class="iconfont icon-bofang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-danchuang_tianjiadaogedan_"
								style="font-size:30px; width: 20px; height:20px;"></li>
						</div>
						<div>
							<li class="iconfont icon-fenxiang" style="font-size: 30px; width: 20px; height:20px;"></li>
						</div>

					</ul>
				</div>
			</section>

		</content>

	</article>
	<!-- 主体部分结束 -->

	<!-- 右侧LOGO -->
	<div class="right-logo">
		<img src="../../images/logo.png" alt="">
		<p>千万高品质曲库尽享</p>
		<a href="../../ch/download/download.html">客户端下载</a>
	</div>

	<!-- 右侧固定导航 -->
	<div class="right-nav">
		<ul>
			<li><a href="#"><i class="iconfont">&#xe6ab;</i></a></li>
			<li><a href="javascript:;">反馈</a></li>
			<li><a href="javascript:;"><i class="iconfont">&#xea88;</i></a></li>
		</ul>
	</div>

	<!-- 页脚区域开始 -->
	<footer>
		<div class="footer-content w">
			<div class="footer-info">
				<div class="box">
					<h3>下载QQ音乐客户端</h3>
					<ul>
						<li><a href="javascript:;"><i class="icon-pc"></i>PC版</a></li>
						<li><a href="javascript:;"><i class="icon-mac"></i>Mac版</a></li>
						<li><a href="javascript:;"><i class="icon-android"></i>Android版</a></li>
						<li><a href="javascript:;"><i class="icon-ios"></i>iPhone版</a></li>
					</ul>
				</div>
				<div class="box">
					<div class="live">
						<h3>特色产品</h3>
						<ul>
							<li><a href="javascript:;"><i class="icon-kg"></i>全民K歌</a></li>
							<li><a href="javascript:;"><i class="icon-ss"></i>Super Sound</a></li>
							<li><a href="javascript:;"><i class="icon-qp"></i>Qplay</a></li>
							<li><a href="javascript:;"><i class="icon-fan"></i>Fan直播伴侣</a></li>
							<li><a href="javascript:;">车载互联</a></li>
							<li><a href="javascript:;">QQ演出</a></li>
						</ul>
					</div>
				</div>
				<div class="box">
					<div class="friend">
						<h3>合作链接</h3>
						<ul>
							<li><a href="javascript:;">CJ ENM</a></li>
							<li><a href="javascript:;">腾讯视频</a></li>
							<li><a href="javascript:;">手机QQ空间</a></li>
							<li><a href="javascript:;">最新版QQ</a></li>
							<li><a href="javascript:;">腾讯社交广告</a></li>
							<li><a href="javascript:;">电脑管家</a></li>
							<li><a href="javascript:;">QQ浏览器</a></li>
							<li><a href="javascript:;">腾讯微云</a></li>
							<li><a href="javascript:;">腾讯云</a></li>
							<li><a href="javascript:;">企鹅FM</a></li>
							<li><a href="javascript:;">智能电视网</a></li>
							<li><a href="javascript:;">当贝市场</a></li>
							<li><a href="javascript:;">酷我音乐</a></li>
							<li><a href="javascript:;">酷狗听书</a></li>
						</ul>
					</div>
				</div>
				<div class="box2">
					<h3>开放平台</h3>
					<p><a href="javascript:;">QQ音乐开放平台</a><a href="javascript:;">腾讯音乐人</a><a href="javascript:;">音乐推</a>
					</p>
				</div>
				<div class="box2">
					<h3>TME集团官网</h3>
					<p>
						<a href="javascript:;">腾讯音乐</a>
					</p>
				</div>
			</div>
			<div class="footer-copyright">
				<div class="copyright-content">
					<ul>
						<li><a href="javascript:;">关于腾讯</a></li>
						<li>|</li>
						<li><a href="javascript:;">About Tencent</a></li>
						<li>|</li>
						<li><a href="javascript:;">服务条款</a></li>
						<li>|</li>
						<li><a href="javascript:;">用户服务协议</a></li>
						<li>|</li>
						<li><a href="javascript:;">隐私政策</a></li>
						<li>|</li>
						<li><a href="javascript:;">权利声明</a></li>
						<li>|</li>
						<li><a href="javascript:;">广告服务</a></li>
						<li>|</li>
						<li><a href="javascript:;">腾讯招聘</a></li>
						<li>|</li>
						<li><a href="javascript:;">客服中心</a></li>
						<li>|</li>
						<li><a href="javascript:;">网站导航</a></li>
					</ul>
					<p>
						Copyright © 1998 - 2021 Tencent.
						<a href="javascript:;">All Rights Reserved.</a>
					</p>
					<p>
						腾讯公司
						<a href="javascript:;">版权所有</a>
						｜ <a href="javascript:;">营业执照</a>
						｜网络文化经营许可证：
						<a href="javascript:;">粤网文[2020]3396-195号</a>
					</p>
				</div>
			</div>
		</div>
	</footer>
	<!-- 页脚区域结束 -->

	<!-- 登录窗口模块 -->
	<div class="login_window">
		<div class="login_content">
			<div class="login_top_nav">
				<ul>
					<li>
						<a href="javascript:;" class="qq_login green">QQ登录</a>
					</li>
					<li>
						<a href="javascript:;" class="wx_login">微信登录</a>
					</li>
				</ul>
				<span class="iconfont login_close">&#xe600;</span>
			</div>
			<div class="qq_login_hide">
				<div class="login_middle">
					<div class="login_left">
						<h3>快速安全登录</h3>
						<p>请使用<a href="javascript:;">QQ手机版</a>扫描二维码，</p>
						<p>或点击头像授权登录。</p>
						<div class="login_qrcode">
							<i><img src="../../images/icon/ptqrshow.png" alt=""></i>
							<a href="javascript:;"><img src="../../images/icon/g.jfif" alt="">
								<span>L.</span>
							</a>
							<p><a href="javascript:;">帐号密码登录</a> | <a href="javascript:;">注册新帐号</a> | <a
									href="javascript:;">意见反馈</a></p>
						</div>
					</div>
					<div class="login_right">
						<p>
							<a href="javascript:;">QQ音乐</a> 将获得以下权限：
						</p>
						<p><input type="checkbox" name="" id="">全选</p>
						<p><input type="checkbox" name="" id="">获得您的昵称、头像、性别</p>
						<span>授权后表明你已同意 <a href="javascript:;">QQ登录服务协议</a></span>
					</div>
				</div>
				<div class="login_download">
					<a href="javascript:;">下载客户端 体验更多内容</a>
				</div>
			</div>
			<div class="wx_login_hide">
				<div class="login_middle">
					<img src="../../images/icon/091jJGUp2wt80w3B.jfif" alt="">
					<p><span>请使用微信扫描二维码登录"QQ音乐"</span></p>
					<p>QQ与微信账号的音乐资产、付费特权不互通</p>
				</div>
				<div class="login_download">
					<a href="javascript:;">下载客户端 体验更多内容</a>
				</div>
			</div>
		</div>
	</div>
	<script src="../../js/index.js"></script>
</body>

</html>